/* ------------------------------------------------------------------------------
 *
 *  # Task manager
 *
 *  Styles related to task manager - detailed task, list and grid
 *
 *  Version: 1.0
 *  Latest update: May 25, 2015
 *
 * ---------------------------------------------------------------------------- */

// Timer
// ------------------------------

// Weekdays list
.timer-weekdays {
  list-style: none;
  margin: 0;
  padding: 0;
  text-align: center;

  > li {
    display: inline-block;
    margin: 2px 0;

    > a {
      display: block;
      margin: 0 1px;
    }
  }

  // Change default label color
  .label-default {
    background-color: #ccc;
    border-color: #ccc;

    &:hover,
    &:focus {
      border-color: @label-default-bg;
    }
  }
}

// Timer itself
.timer {
  list-style: none;
  padding: 0;
  margin: 0;
  text-align: center;

  > li {
    font-size: (@font-size-h2 * 2);
    text-align: center;
    display: inline-block;
    color: @color-grey-700;
    font-weight: 300;

    // Double dots
    &.dots {
      font-size: @font-size-h1;
      vertical-align: top;
      padding: (@font-size-h1 / 1.5) 0;
    }

    // Subtitle
    > span {
      display: block;
      font-size: @font-size-base;
    }
  }
}

// List with task details
// ------------------------------

.task-details {
  float: right;
  margin: 0;

  @media (max-width: @screen-sm-max) {
    float: none;
    margin-top: 15px;
    list-style: none;
    padding: 0;

    > li {
      float: left;
      position: relative;
      padding-right: 20px;
      margin-top: 0;

      &:before {
        content: '•';
        position: absolute;
        right: 8px;
        color: #999;
      }

      &:last-child:before {
        content: none;
      }
    }
  }

  @media (max-width: @screen-xs-max) {
    > li {
      float: none;

      &:before {
        content: none;
      }

      + li {
        margin-top: 10px;
      }
    }
  }
}
